﻿
@{
    ViewBag.Title = "Index";
}

<table id="Sp_store"></table>
<div id="tb">
    <a id="btn_add" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add' ">新增</a>
    <a id="btn_edit" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
    <a id="btn_delete" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>

    店铺名称：<input id="txt_name" type="text" />
    联系人：<input id="txt_man" type="text" />
    地址：<input id="txt_address" type="text" />



    <a id="btn_Search" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>

</div>
<div id="dal" class="easyui-dialog" title="添加用户" style="width:800px;height:400px;"
     data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true">
    <iframe id="frm1" src="/store/Edit" width="600" height="250" frameborder="0"></iframe>

</div>



<script>
    $("#Sp_store").datagrid({
        fitColumns: true,//使列自动展开/收缩道合适的DataGrid宽度
        toolbar: "#tb",//toolbar:通过选择器制定的工具栏。
        pagination: true,//pagination:如果为true，则在DataGrid控件底部侠士分页工具栏。
        fit: true,//fit:当设置为true的时候面板大小将自适应父容器
        singleSelect: true,//如果为true，则只允许选择一行。
        rownumbers: true,//如果为true，则显示一个行号列
        url: "/Store/Stores/",//url：设置能够返回JSON数据的Action所对应的路径
        columns: [[
            { field: 'shopId', title: '编号', width: 80, align: "center", },
            { field: 'shopName', title: '店铺名称', width: 80, align: "center", },
            { field: 'shopType', title: '店铺类型', width: 80, align: "center", },
            { field: 'shopMan', title: '联系人', width: 80, align: "center", },
            { field: 'shopPhone', title: '联系电话', width: 80, align: "center", },
            { field: 'shopAddress', title: '地址', width: 80, align: "center", },

        ]]
    });


         //添加
    $("#btn_add").click(function () {
        //弹出对话框
        $('#dal').dialog({
            title: '添加',
            width: 610,
            height: 300,
            cache: false,
            modal: true
        }).dialog("open");
        //给iframe的src属性赋值
        $("#frm1").attr("src", "/Store/Add");
    });

    //修改
    $("#btn_edit").click(function () {
        //1.判断用户是否选中一行，如果选中弹出编辑框，否则提示用户
        var row = $("#Sp_store").datagrid("getSelected");
        if (row == null) {
            //没有选中，弹出对话框，提示用户
            $.messager.alert('温馨提示','请选择要编辑的行','warning')
        } else {
            //弹出编辑框
            $('#dal').dialog({
                title: '修改',
                width: 610,
                height: 300,
            }).dialog("open");

            //给iframe的src属性赋值
            $("#frm1").attr("src", "/Store/Edit?id=" + row.shopId);

        }
    });
    //删除
    $("#btn_delete").click(function () {
        //1.判断用户是否选中一行，如果选中提示用户是否要删除，否则提示用户选中一行
        var row = $("#Sp_store").datagrid("getSelected");
        if (row == null) {
            //没有选中，弹出对话框，提示用户
            $.messager.alert('温馨提示', '请选择要编辑的行', 'warning');
            return;
        }
        $.messager.confirm('确认', '您取人想要删除记录吗？', function (r) {
            if (r) {
                //2.如果确定删除，向服务端发送Ajax异步请求
                $.post("@Url.Action("Delete", "Store")", { deleteid: row.shopId }, function (data) {
                    //根据返回的结果，如果成功ishi用户

                    if (data.State == 1) {
                        //提示信息
                        $.messager.alert('温馨提示', data.Message, 'info');
                        //刷新列表
                        $('#Sp_store').datagrid('reload');
                    } else {
                        //提示信息
                        $.messager.alert('温馨提示', data.Message, 'error');
                    }
                }, "json");
            }
        });

        });



    //多条件查询
    $("#btn_Search").click(function () {

        //向服务端发送请求参数
        $("#Sp_store").datagrid('load', {
            Name: $.trim($("#txt_name").val()),
            man: $.trim($("#txt_man").val()),
            address: $.trim($("#txt_address").val()),
        });
    });
</script>
